<template>
    <div class="three">
        <h3>什么是HTML</h3>
        <p><img src="http://by-courses.oss-cn-hangzhou.aliyuncs.com/%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E5%85%A5%E9%97%A8/FirstHtml/image/whatishtml.png" alt="whatishtml"></p>
        <p>HTML为超文本(Hyper Text)标记(Markup)语言，html编写的代码是给浏览器看的。浏览器加载html，读取其中的内容，进行解析，最后将内容展现在浏览器页面上。</p>
        <h4>超文本</h4>
        <p>用户阅读普通文本是线性的，从上到下阅读。超文本不是线性的，读者可以通过超文本标记从一处转到另一处开始阅读。超文本标记通常通过不同的颜色，下划线与普通文本区分开。</p>
        <h4>标记语言</h4>
        <p>因为html本身的代码是纯文本的，但是要体现出标记，标记出链接、段落等等信息，需要约定一些特殊有意义的文字组合将内容进行标记。</p>
        <h3>创建一个HTML</h3>
        <p><video width="100%" src="http://by-courses.oss-cn-hangzhou.aliyuncs.com/%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E5%85%A5%E9%97%A8/FirstHtml/video/02.%E5%88%9B%E5%BB%BAHTML%E6%96%87%E4%BB%B6.mp4" controls="controls"></video></p>
    </div>
</template>
<script>

export default ({
    name:'three',
    data(){
        return{
        }
    },
    methods:{
    }
})
</script>
<style scoped>
.three{
    width: 70%;
    height: 600px;
    color: black;
    margin: 40px auto;
    font-size: 12px;
    overflow: scroll;
}
.three img{
    width: 90%;
}
</style>
